//点击登录按钮 → 收集用户输入的数据，发送到服务器 → 成功弹窗 + 跳转首页 + 缓存用户数据（用户名和token）
//token：服务器返回的标识 → 标注当前用户名是否登录了
document.querySelector('#btn-login').addEventListener('click', async function () {
    const data = serialize(document.querySelector('.login-form'), {
        hash: true,
        empty: true
    })
    const {
        username,
        password
    } = data
    if (username == '' || password == '') return showToast('用户名和密码不能为空')
    if (username.trim().length < 8 || username.trim().length > 30 || password.trim().length < 6 || password.trim().length > 30) return showToast('用户名长度需要8-30，密码长度需要6-30')

    try {
        const res = await axios.post('/login', data)
        console.log(res)
        localStorage.setItem('username', res.data.username)
        localStorage.setItem('token', res.data.token)
        showToast(res.message)

        setTimeout(() => {
            location.href = './index.html'
        }, 1500)
    } catch (error) {
        console.dir(error)
        showToast(error.response.data.message)
    }
})